/*
* {{comment}}
*/

@font-face {
    font-family: {{ fontName }};
    src: {% for fontExtension in fontExts %}
        url("{{ cssFileOption.fontFileBasePath }}{{ fontName }}.{{fontExtension}}") format("{{fontExtension}}")
    {% endfor %};
    font-weight: 400;
    font-style: normal;
    font-display: block;
/*
    display: inline-block;
    speak: never;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    */
}

.ico {
    display: inline-block;
    font-family: new-desktop!important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ico-spin {
    -webkit-animation: ico-spin 1s linear infinite;
    animation: ico-spin 1s linear infinite
}

@-webkit-keyframes ico-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes ico-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}
